/*

Template:  Raees
Author: Hastech
Version: 1
Design and Developed by: Hastech

Note: This is Short code style file. All Short code related style included in this file. 

*/
.header-area {
  position: absolute;
  width: 100%;
  z-index: 999;
}

.mobile-menu-area {
  display: none;
}

.navbar {
  border-radius: 0;
  margin: 0;
  padding-top: 65px;
  min-height: 65px;
  transition: all 0.7s ease 0s;
}

.navbar-brand {
  padding: 0;
}

.navbar-brand img {
  height: 100%;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
  margin-left: 0;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}

ul.navbar-nav>li {
  display: inline-block;
  position: relative;
}

ul.navbar-nav>li>a {
  color: #d1d1d1;
  display: block;
  font-family: lato;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 18px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

ul.navbar-nav>li.active>a,
ul.navbar-nav>li:hover>a {
  color: #7ecef4;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}


ul.navbar-nav>li>ul {
  background: #fff none repeat scroll 0 0;
  border-bottom: 2px solid #7ecef4;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 105px;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 190px;
  z-index: 999;
}

ul.navbar-nav>li>ul>li {
  display: block;
}

ul.navbar-nav>li>ul>li>a {
  color: #313131;
  display: block;
  padding: 10px;
  text-transform: capitalize;
  transition: all .3s ease 0s;
}

ul.navbar-nav>li:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

ul.navbar-nav>li>ul>li>a:hover {
  background: #7ecef4 none repeat scroll 0 0;
  color: #fff !important;
}







/*Sticky Menu*/
.sticky {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.sticky.header-area {
  padding-top: 8px;
  background: #202020;
  padding-bottom: 8px;
}

.sticky .navbar {
  border-radius: 0;
  margin: 0;
  padding-top: 0px;
  min-height: 0px;
  transition: all 0.7s ease 0s;
}